<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>节点的删除与复制</title>
	</head>
	<body>
		<ul>
			<li>老1</li>
			<li>老2</li>
			<li>老3</li>
			<li>老4</li>
			<li>老5</li>
		</ul>
		<button class="del">点击删除</button>
		<button class="copy">点击复制</button>
		<script>
			var ul = document.querySelector('ul');
			var btn = document.querySelector('.del');
			var cbtn = document.querySelector('.copy');
			// 删除元素
			btn.onclick = function(){
				ul.removeChild(ul.firstElementChild);
			}
			// 复制
			cbtn.onclick = function(){
				// cloneNode()里边支持一个参数，如果不写参数默认值就是false;
				// 含义就是浅拷贝，只复制标签不复制内容
				// var cloneLi = ul.children[0].cloneNode();
				// 如果我们想要复制标签的同时也要内容，那么就把参数写上true
				var cloneLi = ul.children[0].cloneNode(true);
				ul.appendChild(cloneLi);
			}
			
		</script>
	</body>
</html>